import QtQuick 2.6
import Sailfish.Silica 1.0
import "../config"
import "../component"

Page {
    id: settingPage
    //设置屏幕方向
    allowedOrientations: defaultAllowedOrientations

    //滚动容器
    SilicaFlickable {
        anchors.fill: parent

        Column {
            id: settingColumn
            width: page.width
            spacing: Theme.paddingLarge


            UIPageLocation {
                locationTag: qsTr("设置")
            }

            //应用设置
            SectionHeader {
                text: qsTr("应用设置")
                color: AppColor.themeMode.themeColor
                font.pixelSize: Theme.fontSizeMedium
            }

            UIComboBox {
                width: parent.width
                label: qsTr("语言")
                labelColor: AppColor.themeMode.primaryColor
                highlightedColor: AppColor.themeMode.primaryComponentColor
                valueColor: AppColor.themeMode.thirdColor

                menu: ContextMenu {
                    MenuItem { text: qsTr("中文") }
                    MenuItem { text: qsTr("英文") }
                }
            }

            UIComboBox {
                width: parent.width
                label: qsTr("明暗模式")
                labelColor: AppColor.themeMode.primaryColor
                highlightedColor: AppColor.themeMode.primaryComponentColor
                valueColor: AppColor.themeMode.thirdColor

                menu: ContextMenu {
                    MenuItem { text: qsTr("浅色") }
                    MenuItem { text: qsTr("深色") }
                    MenuItem { text: qsTr("跟随系统") }
                }
            }


            //阅读设置
            SectionHeader {
                text: qsTr("阅读设置")
                color: AppColor.themeMode.themeColor
                font.pixelSize: Theme.fontSizeMedium
            }


            UIComboBox {
                width: parent.width
                label: qsTr("阅读背景")
                labelColor: AppColor.themeMode.primaryColor
                highlightedColor: AppColor.themeMode.primaryComponentColor
                valueColor: AppColor.themeMode.thirdColor

                menu: ContextMenu {
                    MenuItem { text: qsTr("仿真纸") }
                    MenuItem { text: qsTr("纯色") }
                }
            }

            UIComboBox {
                width: parent.width
                label: qsTr("阅读模式")
                labelColor: AppColor.themeMode.primaryColor
                highlightedColor: AppColor.themeMode.primaryComponentColor
                valueColor: AppColor.themeMode.thirdColor

                menu: ContextMenu {
                    MenuItem { text: qsTr("翻页模式") }
                    MenuItem { text: qsTr("卷轴模式") }
                }
            }

            UISwitch {
                title: qsTr("保持常亮")
            }

            UISwitch {
                title: qsTr("音量翻页")
            }

            UISwitch {
                title: qsTr("护眼模式")
            }

            UISwitch {
                title: qsTr("显示时间与电量")
            }

        }
    }
}
